<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="/statics/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/statics/assets/css/font-awesome.min.css" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="/statics/assets/css/font-awesome-ie7.min.css" />
    <![endif]-->
    <link rel="stylesheet" href="/statics/assets/css/ace.min.css" />
    <link rel="stylesheet" href="/statics/assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="/statics/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="/statics/css/style.css"/>
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="/statics/assets/css/ace-ie.min.css" />
    <![endif]-->
    <script src="/statics/assets/js/ace-extra.min.js"></script>
    <!--[if lt IE 9]>
    <script src="/statics/assets/js/html5shiv.js"></script>
    <script src="/statics/assets/js/respond.min.js"></script>
    <![endif]-->
    <script src="/statics/js/jquery-1.9.1.min.js"></script>
    <script src="/statics/assets/layer/layer.js" type="text/javascript"></script>
    <script>
        function encodePass(oldPassword) {
            var passwordKey= "1234567890qwertyuiopasdfghjklzxcvbnm!@#$%^&*()-+=`~,./?|a";
            var len = passwordKey.length;
            var a = passwordKey.split("");
            var s = "", b, b1, b2, b3;
            for (var i = 0; i < oldPassword.length; i++) {
                b = oldPassword.charCodeAt(i);
                b1 = b % len;
                b = (b - b1) / len;
                b2 = b % len;
                b = (b - b2) / len;
                b3 = b % len;
                s += a[b3] + a[b2] + a[b1];
            }
            if(oldPassword!=""){
                return oldPassword;
            }else{
                return "";
            }
        }
    </script>
    <title>登陆</title>
</head>

<body class="login-layout Reg_log_style">
<div class="logintop">
    <span>欢迎后台管理界面平台</span>
    <ul>
        <li><a href="#">返回首页</a></li>
        <li><a href="#">帮助</a></li>
        <li><a href="#">关于</a></li>
    </ul>
</div>
<div class="loginbody">
    <div class="login-container">
        <div class="center">
            <img src="/statics/images/logo1.png"/>
        </div>

        <div class="space-6"></div>

        <div class="position-relative">
            <div id="login-box" class="login-box widget-box no-border visible">
                <div class="widget-body">
                    <div class="widget-main">
                        <h4 class="header blue lighter bigger">
                            <i class="icon-coffee green"></i>
                            管理员登陆
                        </h4>

                        <div class="login_icon"><img src="/statics/images/login.png" /></div>

                        <form class="" action="/users/login.html" method="post" id="form">

                            <fieldset>
                                <ul>
                                    <li class="frame_style form_error"><label class="user_icon"></label><input name="username" type="text" value="${username}" id="username" placeholder="请输入用户名" required/></li>
                                    <label class="frame_style form_error"><label class="password_icon">

                                    </label>
                                        <input  name="password" type="password" value="${password}"  placeholder="请输入密码" id="userpwd" required/>
                                    </label>
                                    </li>


                                </ul>
                                <div id="error">${error}</div>
                                <div class="space"></div>

                                <div class="clearfix text-center">


                                    <input type="submit" value="登陆" class="width-35  btn btn-sm btn-primary " id="login_btn">

                                    </input>
                                </div>

                                <div class="space-4"></div>
                            </fieldset>
                        </form>

                        <div class="social-or-login center">
                            <span class="bigger-110">通知</span>
                        </div>

                        <div class="social-login center">
                            本网站系统不再对IE8以下浏览器支持，请见谅。
                        </div>
                    </div><!-- /widget-main -->

                    <div class="toolbar clearfix">



                    </div>
                </div><!-- /widget-body -->
            </div><!-- /login-box -->
        </div><!-- /position-relative -->
    </div>
</div>
<div class="loginbm">版权所有  2020  <a href="">东莞塑白网科技有限公司</a> </div><strong></strong>
</body>
</html>
<script>

    $(document).ready(function(){
        $("input[type='text'],input[type='password']").blur(function(){
            var $el = $(this);
            var $parent = $el.parent();
            $parent.attr('class','frame_style').removeClass(' form_error');
            if($el.val()==''){
                $parent.attr('class','frame_style').addClass(' form_error');
            }
        });
        $("input[type='text'],input[type='password']").focus(function(){
            var $el = $(this);
            var $parent = $el.parent();
            $parent.attr('class','frame_style').removeClass(' form_errors');
            if($el.val()==''){
                $parent.attr('class','frame_style').addClass(' form_errors');
            } else{
                $parent.attr('class','frame_style').removeClass(' form_errors');
            }
        });
    })

</script>
